<html>
<head>
	<meta charset="UTF-8"/>
<title></title>
 
<style>
img{
    -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
}
  
img:hover{
    transform: rotateZ(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
}
.haha:hover{
	transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
}
</style>
 
</head>
<body>
    <img src="http://ui.narutom.com/imgd/lufei.jpg">
    <hr />
    <img src="http://ui.narutom.com/imgd/lufei.jpg" class="haha">
</body>
</html>